<ng-container>
  <div class="resume-parent">
    <div class="resume">
      <!--个人的姓名-->
      <section class="name">
        <h2>Marvin</h2>
        <article class="name-intr base">期待你的出现，成为我寒冷中的一点阳光
        </article>
      </section>
      <!--基本的技能-->
      <section class="technology">
        <h2>基本技能</h2>
        <ul class="technology-list base" type="disc">
          <li>熟悉HTML、CSS、JavaScript,能过写出清晰的代码</li>
          <li>熟悉常见的js 框架和css库，例如jQuery Bootstrap Angular,Vue等</li>
          <li>熟悉前端领域中的开发工具gulp webpack Git webstorm等</li>
          <li>了解后端开发语言PHP,Node 数据库MySQL MongoDB以及一些后端框架ThinkPHP Express</li>
          <li>对计算机基础知识有较好的了解,了解常用的数据结构和算法</li>
        </ul>
      </section>
      <!--实习经历-->
      <section class="practise">
        <h2>实习经历</h2>
        <div class="practise-con" *ngFor="let item of resume let i = index">
          <div class="practise-title base clearfix">
            <p><span class="company">{{item.company}}</span><span class="work">{{item.work}}</span><span class="time">{{item.time}}</span></p>
          </div>
          <div class="practise-overview base">
            <p>{{item.title}}</p>
            <ul class="practise-list" type="disc" [innerHtml] = item.list>
            </ul>
          </div>
        </div>
      </section>
      <!--github-->
      <section class="github">
        <h2>Github</h2>
        <p><a href="https://github.com/canyuegongzi" target="_blank">Gihub</a></p>
      </section>
      <!--example-->
      <section class="example">
        <h2>作品展示</h2>
        <p><a routerLink="/example">Example</a></p>
      </section>
    </div>
  </div>

</ng-container>
